<template>
  <div>
    home 组件

    <!-- 1  使用 vuex 的数据 -->

    {{ $store.state.msg }}
    {{ $store.state.count }}

    <button @click="addCount"> 点击 count++</button>

    <hr>

    使用 getters {{ $store.getters.getCount }}


    <hr>

    关于dispatch 参数的传递

    <button @click="addCount2(100)"> 点击 count+100</button>
    <button @click="addCount2(20)"> 点击 count+20</button>


  </div>
</template>

<script setup>

// import  {useRouter}  from 'vue-router'

import { useStore } from 'vuex'

const store = useStore()

console.log(store)


const addCount = () => {
  // alert('加加')
  // store.dispatch('第一个参数是vuex里面mutations定义的方法的名字','第二个参数就是传递的值')
  store.dispatch('asyncAdd')

  // 关于 我们 dispatch  参数的传递


}

const addCount2 = (num) => {
  store.dispatch('asyncAdd2', num)
}

</script>

<style lang="scss" scoped></style>